<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../include/taglib.jsp"%>
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--[if lt IE 9]><script src="${ctx}/assets/js/html5.js"></script><![endif]-->
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="${ctx}/assets/css/style.css" />
<link rel="stylesheet" href="${ctx}/assets/css/ui.css" />
<link rel="stylesheet" href="${ctx}/assets/css/960.css" />
<script src="${ctx}/assets/js/jquery-1.7.1.min.js"></script>
<script src="${ctx}/assets/js/jquery.infinitescroll.min.js"></script>
<script src="${ctx}/assets/js/jquery.masonry.min.js"></script>
<script src="${ctx}/assets/js/jquery.blockUI.js"></script>
<script type="text/javascript">
<!--
$(function(){
	$(".blike").hide().click(function(){
		if(${empty(sessionScope["user"])}) {
			$("#loginBtn").click();
			return;
		}
		$.post("${ctx}/item/"+$(this).attr("id"), function(d){
			alert("投票成功");
		});
	});
	$(".voter li").hover(function() {
		$(this).find(".blike").show();
	}, function() {
		$(this).find(".blike").hide();
	});
})

//-->
</script>
</head>
<body>
	<%@include file="../include/head.jsp"%>
	<div class="vote-contain clearfix container_12" id="container">
		<div class="grid_8">
			<div style="padding: 15px 0 0 21px;">
				<h3 style="text-align: center;height: 40px;">${subject.subjectTitle }</h3>
				<hr />
				<div class="sub_content">${subject.descript }</div>
			</div>
		</div>
		<div class="grid_4">
			<div class="same_box">
				<c:forEach varStatus="idx" items="${subject.items }" var="it">
					<ul class="voter">
						<li><span class="like">${idx.index+1 }</span> ${it.item }  <span class="blike" id="${it.itemID }">我投</span></li>
					</ul>
				</c:forEach>
			</div>
		</div>
	</div>
</body>
</html>